﻿<%<hi:common_new_header runat="server" skinname="/ascx/JsNewTags/Skin-Common_New_Header.ascx" />%>
<div class="main" id="main1">
    <div class="nav_info">
        &nbsp;<a href="/">首页</a>>><a href="/Brand.aspx">品牌专区</a><%<hi:common_location runat="server" />%>&nbsp;
    </div>
    <div class="category">
        <script>
            $(function () {
                $(".category_list h5").bind("click", function () {
                    if ($(this).hasClass("menuico")) {
                        $(this).removeClass("menuico").next("div").css("display", "none");
                    } else {
                        $(this).addClass("menuico").next("div").css("display", "block");
                    }
                });
            })
        </script>
        <div class="category_l">
            <div class="category_list">
                <ul class="menutit">
                    <%<hi:common_productcategorylist templatefile="/ascx/tags/Skin-Common_ProductCategoryList.ascx" runat="server" />%>
                </ul>
            </div>
            <div class="category_browse">
                <h2>浏览过的商品</h2>
                <ul>
                    <%<hi:common_goodslist_browsed maxnum="4" runat="server" />%>
                </ul>
            </div>
            <hi:common_subjectproduct_top runat="server" maxnum="6" imagenum="6" isshowprice="true"
                isshowsalecounts="true" />
            <div class="cate_ad">
           <!--     <hi:common_customad runat="server" adid="499" />-->
            </div>
        </div>
        <div class="category_r">
            <div class="sub_property">
                <h2>按品牌选择</h2>
                <hi:common_subjectbrand runat="server" commentid="2" />
            </div>
            <p class="sub_shrink" id="sp_showbrand">
                <span>展开搜索</span>
            </p>
            <script language="javascript">
                $(function () {
                    if ($(".sub_property li").size() <= 21) {
                        $(".sub_shrink").hide();
                    } else {
                        $(".sub_property li:gt(20)").hide();
                    }

                    $("#sp_showbrand").toggle(function () {
                        $(".sub_property li:gt(20)").show();
                        $(this).find("span").text('收缩');
                    }, function () {
                        $(".sub_property li:gt(20)").hide();
                        $(this).find("span").text('展开搜索');
                    });
                });
            </script>
            <form runat="server">
                <div class="category_search">
                    <%<hi:common_cutdownsearch runat="server" />%>
                    <div class="category_sequence">
                        <ul>
                            <li class="c_sel"><span><%<hi:common_search_sortprice id="Common_Search_SortPrice1" defaultimageurl="/images/fixed/SortByPriceUpStop.gif" ascimageurl="/images/fixed/SortByPriceUp.gif" descimageurl="/images/fixed/SortByPriceDown.gif" runat="server" alt="按价格排序" />%></span></li>
                            <li><span><%<hi:common_search_sortsalecounts id="Common_Search_SortSaleCounts1" defaultimageurl="/images/fixed/xiao1.gif" ascimageurl="/images/fixed/xiao2.gif" descimageurl="/images/fixed/xiao3.gif" runat="server" alt="按销量排序" />%></span></li>
                            <li><span><%<hi:common_search_sortpopularity id="Common_Search_SortPopularity1" defaultimageurl="/images/fixed/ren1.gif" ascimageurl="/images/fixed/ren2.gif" descimageurl="/images/fixed/ren3.gif" runat="server" alt="按人气排序" />%></span></li>
                            <li><span><%<hi:common_search_sorttime id="Common_Search_SortTime1" defaultimageurl="/images/fixed/SortByTimeUpStop.gif" ascimageurl="/images/fixed/SortByTimeUp.gif" descimageurl="/images/fixed/SortByTimeDown.gif" runat="server" alt="按时间排序" />%></span></li>
                        </ul>
                        <p>
                            <%<asp:literal id="litBrandProductResult" runat="server" />%>
                        </p>
                    </div>
                </div>
            </form>
            <div class="category_pro_list">
                <ul>
                    <%<hi:themedtemplatedrepeater id="rptProduct" runat="server" templatefile="/ascx/Tags/Common_GoodsList/Skin-Common_GoodsList_Brand.ascx" />%>
                </ul>
            </div>
            <script>
                $(function () {
                    $(".category_pro_list li").hover(function () {
                        if ($(".category_pro_list").index(this) != 0) {
                            $(".category_pro_list li:first").removeClass("listhover");
                        }
                        $(this).addClass("listhover");
                    }, function () {
                        $(this).removeClass("listhover");
                    });
                    $(".category_pro_list li:first").addClass("listhover");
                });
            </script>
            <div class="page">
                <%<ui:pager runat="server" showtotalpages="true" id="pager" defaultpagesize="24" />%>
            </div>
        </div>
    </div>
</div>
<%<hi:common_new_footer runat="server" />%>
